<!-- 载入静态文件 -->
{% load static %}
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>{% block title %}后台管理系统{% endblock %}</title>
<link rel="icon" href="favicon.ico" type="image/ico">
<meta name="keywords" content="后台管理系统">
<meta name="description" content="基于Bootstrap v3.3.7的后台管理系统。">
<meta name="author" content="yinqi">
<link href="{% static '' %}css/bootstrap.min.css" rel="stylesheet">
<link href="{% static '' %}css/materialdesignicons.min.css" rel="stylesheet">
<link href="{% static '' %}css/style.min.css" rel="stylesheet">
</head>
  
<body>
<div class="lyear-layout-web">
  <div class="lyear-layout-container">
    <!--左侧导航-->
    <!-- 引入导航栏 -->
    {% include 'left.html' %}
    <!--End 左侧导航-->
    
    <!--头部信息-->
    <!-- 引入头部 -->
    {% include 'header.html' %}
    <!--End 头部信息-->
    
    <!--页面主要内容-->
    <main class="lyear-layout-content">
    <!-- 引入主要内容 -->
    {% block content %}{% endblock content %}
    </main>
    <!--End 页面主要内容-->
  </div>
</div>

<script type="text/javascript" src="{% static '' %}js/jquery.min.js"></script>
<script type="text/javascript" src="{% static '' %}js/bootstrap.min.js"></script>
<script type="text/javascript" src="{% static '' %}js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="{% static '' %}js/main.min.js"></script>
<script>
    $(".lyear-layout-sidebar a").each(function () {
        if (location.href.indexOf(this.href) === 0) {
            $(this).parent().parent().parent().addClass('open')
            $(this).parent().addClass('active')
        }
    })
</script>
</body>
</html>